<template>
      <div id="zl">
            <div class="title">
                  战略合作
            </div>
            <div class="info">
                  强强联合，与伙伴共创全新智能时代
            </div>

            <div class="content">
                  <div class="item">
                        <img src="../../assets/img/zl1.png" alt="">
                  </div>
                  <div class="item">
                        <img src="../../assets/img/zl2.png" alt="">
                  </div>
                  <div class="item">
                        <img src="../../assets/img/zl3.png" alt="">
                  </div>
                  <div class="item">
                        <img src="../../assets/img/zl4.png" alt="">
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            
      }
</script>

<style lang="scss" scoped>
#zl {
      width: 100%;
      max-width: 750px;
      margin-top: 0.3rem;
      .title {
            font-size: 0.36rem;
            text-align: center;
            width: 100%;
      }
      .info {
            width: 100%;
            text-align: center;
            font-size: 0.18rem;
      }
      .content {
            width: 100%;
            padding: 0.3rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
             justify-content: space-between;
            .item {
                  width: 3.3rem;
                  height: 1.3rem;
                  margin: 0.2rem 0;
                 
                  img {
                        width: 3.3rem;
                        height: 1.3rem;
                        display: block;
                        border: 1px solid #000;
                  }
            }
      }
}
</style>